<template>
	<view class="content">
        <view class="list">
            <navigator url="../wfalls-flow/wfalls-flow" class="item">瀑布流示例（根据图片高度动态分布）</navigator>
            <navigator url="../easy-scroll/easy-scroll" class="item">导航与列表双向联动组件及模板（支持app、H5、小程序）</navigator>
            <navigator url="../pick-regions/pick-regions" class="item">省市区三级联动选择器（pick-regions）</navigator>
            <navigator url="../easy-loadimage/easy-loadimage" class="item">easy-loadimage图片加载组件</navigator>
        </view>
        <view class="bottom">
            <view  @click="clickGitee" class="gitee"><image src="../../static/images/gitee.png" mode=""></image></view>
        </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
            clickGitee(){
                window.location.href = 'https://gitee.com/jianjroh/uniapp_plug_in_development?skip_mobile=true'
            }
		}
	}
</script>

<style>
	.list{
        padding: 30rpx 26rpx 50rpx;
    }
    .list .item{
        text-align: center;
        padding: 20rpx 0;
        border: 1px solid #007AFF;
        border-radius: 20rpx;
        margin-bottom: 35rpx;
    }
    .bottom{
        position: fixed;
        bottom: 100rpx;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .gitee{
        width: 76rpx;
        height: 76rpx;
        padding: 16rpx;
        border-radius: 50%;
        box-shadow:#2C405A 0px 0px 10rpx;
        animation: animate 2s infinite linear;
    }
    @keyframes animate
    {
        0% {transform: scale(0.9)}
        70% {transform: scale(1.2)}
        100% {transform: scale(0.9)}
    }
    .gitee image{
        width: 76rpx;
        height: 76rpx;
        border-radius: 50%;
    }
</style>
